<section class="main">
    <div id="divMain">
        <div class="divHeader2">页面编辑</div>
        <div class="SubMenu"></div>
        <div id="divMain2" class="edit post_edit">
            <form id="edit" name="edit" method="post" action="/system/management/template-add.html">
                <div id="divEditLeft">
                    <!-- 4号输出接口 -->
                    <div id="response4" class="editmod2"></div>
                    <div id="divEditTitle" class="editmod2">
                        <input type="hidden" name="id" id="edtID" value="$!model.id"/>
                        <!-- title( -->
                        <div id="titleheader" class="editmod">
                            <label for="edtTitle" class="editinputname">标题</label>
                            <div>
                                <input type="text" name="title" id="edtTitle" maxlength="100" onBlur="if(this.value=='') this.value='未命名'" onFocus="if(this.value=='未命名') this.value=''" value="$!model.title"/>
                            </div>
                        </div>
                        <!-- )title -->
                    </div>
                    <!-- 5号输出接口 -->
                    <div id="response5" class="editmod2"></div>
                    <div id="divContent" class="editmod2" style="clear:both;">
                        <div id='cheader' class="editmod editmod3">
                            <label for="editor_content" class="editinputname">正文</label>&nbsp;&nbsp;
                            <span id="timemsg"></span><span id="msg2"></span><span id="msg"></span><span class="editinputname"></span>
                        </div>
                        <div id='carea' class="editmod editmod3"><textarea id="editor_content" name="content">$!model.content</textarea></div>
                        <div id="contentready" style="display:none"><img alt="loading" id="statloading1" src="/resources/system/image/admin/loading.gif"/>Waiting...</div>
                    </div>
                    <!-- 1号输出接口 -->
                    <div id="response" class="editmod2"></div>
                    <!-- alias( -->
                    <div id="alias" class="editmod2"><label for="edtAlias" class="editinputname">别名</label><input type="text" name="alias" id="edtAlias" maxlength="250" value="$!model.alias"/></div>
                    <!-- )alias -->
                    <div id="divIntro" class="editmod2" style="display:none;">
                        <div id="theader" class="editmod editmod3"><label for="editor_intro" class="editinputname">摘要</label></div>
                        <div id='tarea' class="editmod editmod3"><textarea id="editor_intro" name="intro">$!model.intro</textarea></div>
                        <div id="introready" style="display:none"><img alt="loading" id="statloading2" src="/resources/system/image/admin/loading.gif"/>Waiting...</div>
                    </div>
                    <!-- 2号输出接口 -->
                    <div id="response2" class="editmod2"></div>
                </div>
                <!-- divEditLeft -->

                <div id="divEditRight">
                    <div id="divEditPost">
                        <div id="divBox">
                            <div id="divFloat">
                                <div id='post' class="editmod">
                                    <input class="button" style="width:180px;height:38px;" type="submit" value="提交" id="btnPost" onclick='return checkArticleInfo();'/>
                                </div>

                                <!-- cate -->
                                <!-- level -->
                                <div id='level' class="editmod">
                                    <label for="cmbPostStatus" class="editinputname" style="max-width:65px;text-overflow:ellipsis;">状态</label>
                                    <select class="edit" style="width:180px;" size="1" name="status" id="cmbPostStatus"
                                            onChange="edtLevel.value=this.options[this.selectedIndex].value">
                                        <option value="$!model.status" selected="selected">$!model.status</option>
                                        <option value="1">草稿</option>
                                        <option value="2">审核</option>
                                    </select>
                                </div>
                                <!-- )level -->

                                <!-- user( -->
                                <div id='user' class="editmod">
                                    <label for="cmbUser" class="editinputname" style="max-width:65px;text-overflow:ellipsis;">作者</label>
                                    <select style="width:180px;" size="1" name="userId" id="cmbUser"
                                            onChange="edtAuthorID.value=this.options[this.selectedIndex].value">
                                        <option value="$!model.userId" selected="selected">$!model.userId</option>
                                        <option value="2">aooer</option>
                                    </select>
                                </div>
                                <!-- )user -->

                                <!-- newdatetime( -->
                                <div id='newdatetime' class="editmod"><label for="edtDateTime" class="editinputname" style="max-width:65px;text-overflow:ellipsis;">日期</label>
                                    <input type="text" name="PostTime" id="edtDateTime" value="$!model.modifyTime" style="width:171px;"/>
                                </div>

                                <!-- )newdatetime -->

                                <!-- IsLock( -->

                                <div id='islock' class="editmod">
                                    <label for="edtIslock" class='editinputname'>禁止评论</label>
                                    <input id="edtIslock" name="IsLock" style="" type="text" value="0" class="checkbox"/>
                                </div>
                                <!-- )IsLock -->

                                <!-- Navbar( -->
                                <div id='AddNavbar' class="editmod">
                                    <label for="edtAddNavbar" class='editinputname'>加入导航栏菜单</label>
                                    <input type="text" name="AddNavbar" id="edtAddNavbar" value="1" class="checkbox"/>
                                </div>          <!-- )Navbar -->

                                <!-- 3号输出接口 -->
                                <div id="response3" class="editmod"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- divEditRight -->

            </form>
        </div>

        <script type="text/javascript">ActiveLeftMenu("aPageMng");</script>
        <script type="text/javascript">AddHeaderIcon("/resources/system/image/common/new_32.png");</script>
        <script type="text/javascript">

            var tag_loaded = false; //是否已经ajax读取过TAGS
            var sContent = "", sIntro = "";//原内容与摘要
            var isSubmit = false;//是否提交保存

            var editor_api = {
                editor: {
                    content: {
                        obj: {},
                        get: function () {
                            return ""
                        },
                        insert: function () {
                            return ""
                        },
                        put: function () {
                            return ""
                        },
                        focus: function () {
                            return ""
                        }
                    },
                    intro: {
                        obj: {},
                        get: function () {
                            return ""
                        },
                        insert: function () {
                            return ""
                        },
                        put: function () {
                            return ""
                        },
                        focus: function () {
                            return ""
                        }
                    }
                }
            }

            //文章内容或摘要变动提示保存
            window.onbeforeunload = function () {
                if (!isSubmit && (editor_api.editor.content.get() != sContent)) return "当前的编辑内容还未保存";
            }

            function checkArticleInfo() {
                if (isSubmit)return false;

                if ($("#editor_content").val()==null||$("#editor_content").val()=="") {
                    alert('正文不能为空');
                    return false;
                }
                isSubmit = true;
            }

            //日期时间控件
            $.datepicker.regional['zh-CN'] = {
                closeText: '完成',
                prevText: '上个月',
                nextText: '下个月',
                currentText: '现在',
                monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                monthNamesShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
                dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
                dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
                dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
                weekHeader: '周',
                dateFormat: 'yy-mm-dd',
                firstDay: 1,
                isRTL: false,
                showMonthAfterYear: true,
                yearSuffix: ' 年  '
            };
            $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
            $.timepicker.regional['zh-CN'] = {
                timeOnlyTitle: '时间',
                timeText: '时间',
                hourText: '小时',
                minuteText: '分钟',
                secondText: '秒钟',
                millisecText: '毫秒',
                currentText: '现在',
                closeText: '完成',
                timeFormat: 'HH:mm:ss',
                ampm: false
            };
            $.timepicker.setDefaults($.timepicker.regional['zh-CN']);
            $('#edtDateTime').datetimepicker({
                showSecond: true
                //changeMonth: true,
                //changeYear: true
            });


            //显示tags
            $(document).click(function (event) {
                $('#ulTag').slideUp("fast");
            });

            $('#showtags').click(function (event) {
                event.stopPropagation();
                var offset = $(event.target).offset();
                $('#ulTag').css({top: offset.top + $(event.target).height() + 20 + "px", left: offset.left});
                $('#ulTag').slideDown("fast");
                if (tag_loaded == false) {
                    $.getScript('../cmd.php?act=misc&type=showtags');
                    tag_loaded = true;
                }
                return false;
            });
            function AddKey(i) {
                var strKey = $('#edtTag').val();
                var strNow = "," + i
                if (strKey == "") {
                    strNow = i
                }
                if (strKey.indexOf(strNow) == -1) {
                    strKey = strKey + strNow;
                }
                $('#edtTag').val(strKey);
            }
            function DelKey(i) {
                var strKey = $('#edtTag').val();
                var strNow = "{" + i + "}"
                if (strKey.indexOf(strNow) != -1) {
                    strKey = strKey.substring(0, strKey.indexOf(strNow)) + strKey.substring(strKey.indexOf(strNow) + strNow.length, strKey.length)
                }
                $('#edtTag').val(strKey);
            }

            //提取摘要
            function AutoIntro() {
                var s = editor_api.editor.content.get();
                if (s.indexOf("<hr class=\"more\" />") > -1) {
                    editor_api.editor.intro.put(s.split("<hr class=\"more\" />")[0]);
                } else {
                    if (s.indexOf("<hr class=\"more\"/>") > -1) {
                        editor_api.editor.intro.put(s.split("<hr class=\"more\"/>")[0]);
                    } else {
                        editor_api.editor.intro.put(s.substring(0, 250));
                    }
                }
                $("#divIntro").show();
                $('html,body').animate({scrollTop: $('#divIntro').offset().top}, 'fast');
            }

            //文章编辑提交区随动JS开始
            var oDiv = document.getElementById("divFloat");
            var H = 0;
            var Y = oDiv;
            while (Y) {
                H += Y.offsetTop;
                Y = Y.offsetParent;
            }
            ;
            $(window).bind("scroll resize", function () {
                var s = document.body.scrollTop || document.documentElement.scrollTop;
                if (s > H) {
                    $("#divFloat").addClass("boxfloat");
                }
                else {
                    $("#divFloat").removeClass("boxfloat");
                }
            });


            function editor_init() {
                editor_api.editor.content.obj = $('#editor_content');
                editor_api.editor.intro.obj = $('#editor_intro');
                editor_api.editor.content.get = function () {
                    return this.obj.val()
                };
                editor_api.editor.content.put = function (str) {
                    return this.obj.val(str)
                };
                editor_api.editor.content.focus = function () {
                    return this.obj.focus()
                };
                editor_api.editor.intro.get = function () {
                    return this.obj.val()
                };
                editor_api.editor.intro.put = function (str) {
                    return this.obj.val(str)
                };
                editor_api.editor.intro.focus = function () {
                    return this.obj.focus()
                };
                sContent = editor_api.editor.content.get();
            }

        </script>

        <script type="text/javascript">

            var EditorIntroOption = {
                toolbars: [['Source', 'bold', 'italic', 'link', 'insertimage', 'Undo', 'Redo']],
                autoHeightEnabled: false,
                initialFrameHeight: 200
            }


            function getContent() {
                return editor_api.editor.content.get();
            }

            function getIntro() {
                return editor_api.editor.intro.get();
            }

            function setContent(s) {
                editor_api.editor.content.put(s);
            }

            function setIntro(s) {
                editor_api.editor.intro.put(s);
            }

            function editor_init() {

                editor_api.editor.content.obj = UE.getEditor('editor_content');
                editor_api.editor.intro.obj = UE.getEditor('editor_intro', EditorIntroOption);
                editor_api.editor.content.get = function () {
                    return this.obj.getContent()
                };
                editor_api.editor.content.put = function (str) {
                    return this.obj.setContent(str)
                };
                editor_api.editor.content.focus = function () {
                    return this.obj.focus()
                };
                editor_api.editor.intro.get = function () {
                    return this.obj.getContent()
                };
                editor_api.editor.intro.put = function (str) {
                    return this.obj.setContent(str)
                };
                editor_api.editor.intro.focus = function () {
                    return this.obj.focus()
                };


                editor_api.editor.content.obj.ready(function () {
                    sContent = editor_api.editor.content.get();
                });
                editor_api.editor.intro.obj.ready(function () {
                    sIntro = editor_api.editor.intro.get();
                });

                $(document).ready(function () {
                    $('#edit').submit(function () {
                        if (editor_api.editor.content.obj.queryCommandState('source') == 1) editor_api.editor.content.obj.execCommand('source');
                        if (editor_api.editor.intro.obj.queryCommandState('source') == 1) editor_api.editor.intro.obj.execCommand('source');
                    })
                    /*源码模式下保存时必须切换*/


                    if (("http://" + bloghost + "/").indexOf(location.host.toLowerCase()) < 0)
                        alert("您设置了域名固化，请使用" + bloghost + "访问或进入后台修改域名，否则图片无法上传。");
                });

            }
        </script>
        <script type="text/javascript">editor_init();</script>
    </div>
</section>